<html>
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" type="text/css" href="css/global.css">
	<link rel="stylesheet" type="text/css" href="css/util.css">
	<link rel="stylesheet" type="text/css" href="css/register.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
</head>
<body>
<div class="dialog1" style="display: block; z-index: 6000;">
	<div class="dialog1-wrap" style="opacity: 1; width: 500px;">
		<span class="dialog1-shd2"></span>
		<div class="dialog1-content">
			<div class="dialog1-hd" style="display:none;"></div>
			<div class="dialog1-bd">
		
				<div class="bottom_main">
					<ul id="tabs">
					    <li><a href="#" name="tab1">登陆</a></li>
						<li><a href="#" name="tab2">注册</a></li>
						
					</ul>
					<div id="content"> 
					    <div class="register-box" id="tab1">
					    	<span class="err-msg-box">邮箱账号或密码输入错误~ 别着急慢慢来~</span>
					    	<dl>
					    		<dt>邮箱:</dt>
					    		<dd>
					    			<input type="TEXT" class="input_text" name="email"/>
					    		</dd>

					    		<dt>密码:</dt>
					    		<dd>
					    			<input type="PASSWORD" class="input_text" name="psw">
					    		</dd>
					    		
					    		<dd>
					    			<button type="SUBMIT" id="reg_btn_1">确认登陆</button>
					    		</dd>
					    	</dl>

					    </div>
					    <div class="register-box" id="tab2">

					    	<span class="err-msg-box">信息输入错误哦~~请仔细确认~</span>
					    	
					    	<dl>
					    		<dt>邮箱:</dt>
					    		<dd>
					    			<input type="TEXT" class="input_text" name="email"/>
					    		</dd>

					    		<dt>密码:</dt>
					    		<dd>
					    			<input type="PASSWORD" class="input_text" name="psw">
					    		</dd>
					    	
					    		<dt>确认密码:</dt>
					    		<dd>
					    			<input type="PASSWORD" class="input_text" name="repsw">
					    		</dd>
					    	
					    		<dt>昵称:</dt>
					    		<dd>
					    			<input type="TEXT" class="input_text" name="neckname">
					    		</dd>
					    	
					    		<dt>验证码:</dt>
					    		<dd>
					    			<input type="TEXT" class="input_text_regcode" name="reg">
					    		</dd>

					    		<dd>
					    			<button type="SUBMIT" id="reg_btn_1">确认注册</button>
					    		</dd>
					    	</dl>
					    </div>
					</div>


					<script>
					$(document).ready(function() {
					    $("#content div").hide(); // Initially hide all content
					    $("#tabs li:first").attr("id","current"); // Activate first tab
					    $("#content div:first").fadeIn(); // Show first tab content
					    
					    $('#tabs a').click(function(e) {
					        e.preventDefault();
					        if ($(this).closest("li").attr("id") == "current"){ //detection for current tab
					         return       
					        }
					        else{             
					        $("#content div").hide(); //Hide all content
					        $("#tabs li").attr("id",""); //Reset id's
					        $(this).parent().attr("id","current"); // Activate this
					        $('#' + $(this).attr('name')).fadeIn(); // Show content for current tab
					        }
					    });
					});
					</script>
				</div>

				<!-- <input name="username" type="TEXT" />邮箱
				<input name="password" type="PASSWORD" />密码
				<input name="nickname" type="TEXT" />昵称
				<input name="nickname" type="SUBMIT" /> -->
			</div>
		</div>
		<a href="#" class="dialog1-close" style="display: block;">X</a>
		<div class="dialog1-fb"></div>
	</div>
</div><!-- dialog1 -->
<div class="shadow"></div>
</body>
</html>
